<!DOCTYPE html>
<head>
    <title>维护中....</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <style>
h1 {
    color: #82bcb2
}

a {
    font-size: 25;
    font-weight: 900;
    border: 1px solid #82bcb2;
    color: #82bcb2;
    padding: 8px 14px;
    text-decoration: none
}

.text {
    fill: none;
    stroke-dasharray: 8% 29%;
    stroke-width: 5px;
    stroke-dashoffset: 1%;
    animation: stroke-offset 5.5s infinite linear
}

.text:nth-child(1) {
    stroke: #176f57;
    animation-delay: -1s
}

.text:nth-child(2) {
    stroke: #46b897;
    animation-delay: -2s
}

.text:nth-child(3) {
    stroke: #a0d4bd;
    animation-delay: -3s
}

.text:nth-child(4) {
    stroke: #63be9d;
    animation-delay: -4s
}

.text:nth-child(5) {
    stroke: #16a951;
    animation-delay: -5s
}

@keyframes stroke-offset {
    100% {
        stroke-dashoffset: -35%
    }
}
  </style>
</head>
<body style="display:flex;flex-direction: column;align-items: center">
  <svg viewBox="0 0 960 300" style="width:95%;font: 9em 'Monoton'">
	<symbol id="s-text">
		<text text-anchor="middle" x="50%" y="80%">网站维护中···</text>
	</symbol>
	<g class="g-ants">
		<use xlink:href="#s-text" class="text"></use>
		<use xlink:href="#s-text" class="text"></use>
		<use xlink:href="#s-text" class="text"></use>
		<use xlink:href="#s-text" class="text"></use>
		<use xlink:href="#s-text" class="text"></use>
	</g>
  </svg>
	<h1>很抱歉，页面找不到了</h1>
	<a href="javascript:history.back(-1)">返回</a>